<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>穿梭框页面</title>
		<!-- css样式-->
		<link rel="stylesheet" href="../layui/css/layui.css" />
		<!-- js文件-->
		<script language="javascript" type="text/javascript" src="../layui/layui.all.js"></script>
		<script src="../DomeData/ShuttleFrameJson.js"></script>
		<script src="../js/ShuttleFrame.js"></script>
	</head>
	<body>
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
		  <legend>基础效果</legend>
		</fieldset>
		<div class="layui-btn-container">
		  <button type="button" class="layui-btn" lay-demotransferactive="getData">获取右侧数据</button>
		  <button type="button" class="layui-btn" lay-demotransferactive="reload">重载实例</button>
		</div>
		<div id="test1" class="demo-transfer"></div>
		
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
		  <legend>初始右侧数据集合</legend>
		</fieldset> 
		<div id="test3" class="demo-transfer"></div>
		
		<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
		  <legend>显示搜索框</legend>
		</fieldset>
		<div id="test4" class="demo-transfer"></div>
	</body>
</html>
